.sp-find {
	
	&__ {
		
		&index {
			
			&- {
				
				&row {
					.flex();
					margin-top: 20rpx;
					height: 104rpx;
					.back-color(#fff);
					padding: 0 24rpx;
					
					image,
					text {
						display: block;
					}
					
					image {
						display: block;
						.square(40);
						margin-right: 18rpx;
					}
					
					text {
						.font(32, 46, #222, left);
					}
				}
				
				&nav {
					border-top: 1rpx solid #eee ;
				}
				
				&boxes {
					margin-top: 20rpx;
					.back-color(#fff);
					.boxing();
					min-height: 415rpx;
				}
				
				&title {
					padding: 34rpx 24rpx 30rpx;
					.font(32, 46, #222, left);
				}
				
				&nav {
					.flex();
					flex-wrap: wrap;
				}
				
				&item {
					.flex();
					flex-direction: column;
					justify-content: center;
					flex: 0 0 25%;
					height: 152rpx;
					border-bottom: 1rpx solid #eee;
					.boxing();
					
					&:not(:nth-child(4n)) {
						border-right: 1rpx solid #eee;
					}
					
					image,
					text {
						display: block;
					}
					
					image {
						.square(40);
						margin-bottom: 12rpx;
					}
					
					text {
						.font(28, 40, #666);
					}
				}
			}
		}
		
		&encyclopedia {
			.flex();
			flex-wrap: wrap;
			border-top: 1rpx solid #eee;
			
			&-item {
				flex: 0 0 25%;
				margin-top: 50rpx;
				
				image,
				text {
					display: block;
				}
				
				image {
					width: auto;
					height: 62rpx;
					margin: 0 auto 12rpx;
				}
				
				text {
					.font(26, 36, #666);
				}
			}
		}
		
		&search {
			
			&- {
				
				&title {
					padding: 24rpx 24rpx 10rpx;
					.font(32, 46, #666, left);
				}
				
				&list {
					padding: 0 24rpx;
				}
				
				&item {
					.flex();
					height: 98rpx;
					border-bottom: 1rpx solid #eee;
					.font(30, 42, #222);
					
					text {
						display: block;
						margin-right: 16rpx;
						.circle(50, 50, 6rpx);
						.back-color(#ddd);
						.font(30, 50, #fff);
					}
					
					&:nth-child(1) text {
						.back-color(#FF5F5F);
					}
					
					&:nth-child(2) text {
						.back-color(#FF811E);
					}
					
					&:nth-child(3) text {
						.back-color(#6582F9);
					}
				}
			}
		}
	}
}